import Vue from 'vue'
import Vuex from 'vuex'
import persist from 'vuex-persistedstate';
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    color: 'red', // 主题颜色
    token: '', // 用户的唯一标识
    bookList: [], // 加入书架的书籍
  },
  getters: {
  },
  mutations: {
    cutColor(state){ // 切换颜色的
      state.color = "#" + Math.random().toString(16).substr(2,6);
    },
    saveToken(state,val){ // 存储token的方法
      state.token = val;
    },
    saveBook(state,val){ // 书籍的存储
       let bool = state.bookList.some(item => item.id == val.id);
       if (bool){
         alert('该书籍已经存在');
       } else {
          state.bookList.push(val);
       }
      
    },
    changeState(state,i){ // 改变状态的函数
      state.bookList[i].state = state.bookList[i].state?0:1;
      // console.log(state.bookList[i].state);
    },
    del(state,i){ // 删除图书的函数
      state.bookList.splice(i,1);
    } 
  },
  actions: {
  },
  modules: {
  },
  plugins: [
    new persist({
      storage: window.localStorage,
    }),
  ]
})
